@charset "UTF-8";
body {
    background-color: #FAF7E2;
    text-align:center;
}
.container {
    max-width: 860px;
    margin: 0 auto;
}
.logo {
    max-width: 100%;
    height: auto;    
}
.wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0.35rem;
}
.banner {
    max-width: 90%;
    height: auto; 
    margin-top: 1%;
}
footer {
    padding-top: 3em;
}
h4 {
    font-size: 1.2rem;
}
footer p {
    font-size: 1rem;
}
.bold {
    font-size: 1rem;
    font-weight: bold;
}
.copyright {
    margin-top: 1rem;
    font-size: .85rem;
}
small {
    font-size: .85rem;
}
.eyecatch {
    max-width: 700px;
    margin: 0 auto;
    overflow: hidden;
}
.eyecatch_p {
    margin: 2rem 0 0 0;
    display: inline-block;
    font-size: .8rem;
    padding-left: 100%;
    white-space: nowrap;
    animation: animation 20s linear infinite;
}
.left_blank {
    margin-left: 4em;
}
@keyframes animation {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }


@media screen and (max-width: 500px) {
    footer p {
        font-size: 90%;
    }
  }


@media screen and (max-width: 350px) {
    footer p {
        font-size: 80%;
    }
  }